<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数组解构变量和值不匹配的情况</title>
</head>

<body>
  <script>
    // ============================== 数组解构变量和值不匹配的情况 ==============================

    // 1. 变量多，值少的情况
    // const  [a,b,c,d]= ['小米', '华为', '苹果']
    // console.log(a,b,c,d)  //小米 华为 苹果 undefined



    // 2. 防止undefined传值，可以设置默认值
    // const [a, b, c, d = '三星'] = ['小米', '华为', '苹果']
    // console.log(a,b,c,d)  //小米 华为 苹果 三星




    // 3. 变量少，值多的情况
    // const [a,b]= ['小米', '华为', '苹果']
    // console.log(a,b)  //小米 华为



    // 4. 接收剩余所有的参数（剩余参数来解决）
    // const [a,...b] = ['小米', '华为', '苹果']
    // console.log(a,b)  // 小米 [华为,苹果]



    // 5. 按需导入，忽略某些值
    const [a, , , b] = ['华为', 'vivo', '小米', '苹果']
    console.log(a, b)//华为 苹果


  </script>
</body>

</html>